<template>
    <el-row>
        <el-col :span="8">
            <el-card class="box-card">
                <div class="user">
                    <img class="user-img" src="../assets/logo.png" alt="">
                    <div class="userInfo">
                        <div class="name-Admin">Admin</div>
                        <div class="name">超级管理员</div>
                    </div>
                </div>
                <div class="login-info"></div>
            </el-card>
        </el-col>
        <el-col :span="16">
            <div class="grid-content bg-purple-light"></div>
        </el-col>
    </el-row>

</template>

<script>
import { getData } from '../api/index.js'
export default {
    data() {
        return {}
    },
    mounted() {
        getData().then((data) => {
            console.log(data);
        })
    }
}
</script>

<style scoped>
.user {
    display: flex;
    align-items: center;
    justify-content: space-around;

}

.user-img {
    width: 120px;
    height: 120px;
    /* border-radius: 20%; */
}

.userInfo>.name-Admin {
    font-size: 32px;
    margin-bottom: 10px;
}
</style>